<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>homework2</title>
		<style>
			.card{
				width: 200px;
				border: 1px solid #eee;
				border-radius:8px ;
				padding: 13px;
				box-shadow: 0 3px 4px rgba(0,0,0,0.1);
				font-family: "微软雅黑",sans-serif;
			}
			.card img{
				width: 100%;
				border-radius: 4px;
				margin-bottom: 10px;
			}
			.card h3{
				margin: 0 0 8px 0;
				font-size: 16px;
				position: relative;
				left: 50px;
			}
			.card .price{
				color: #ff0000;
				font-size: 18px;
				font-weight: bold;
				margin: 0 0 6px 0;
				position: relative;
				left: 30px;
			}
			.card  span{
				font-size: 12px;
				color: #666;
				text-decoration: none;
				position: relative;
				left: 40px;
			}
		</style>
	</head>
	<body>
	<div class="card">
		<img src="xiaomisu7/img.jpg" alt="小米su7" class="xiaomi"/>
		<h3>小米su7</h3>
		<p class="price">¥279999.00</p>
		<p><span>已有10万+人评价</span></p>
	</div>
	</body>
</html>